<template>
  <div class="selectChapter" >
    <div class="title"><span>选择章节</span>  <span class="closed" @click="Close()"><img src="static/img/close.png"></span></div>
    <div class="cont">
      <div class="m-left2">
        <ul><li class="cur">   全部</li>
          <li> 课程封面</li>
          <li >新课导入</li>
          <li>课文朗读</li>
          <li>内容讲解</li>
          <li>巩固提高</li>
          <li class="fr"> <img src="static/img/yinyong.png"> 一键引用</li>
        </ul>

      </div>
      <div class="m-right2">
        <h3 class="tit">选择章节</h3>
        <p>全选</p>
        <ul><li class="cur">  <el-checkbox v-model="checked"></el-checkbox> 动画</li>
          <li><el-checkbox v-model="checked"></el-checkbox>字源</li>
          <li><el-checkbox v-model="checked"></el-checkbox>看图猜成语</li>
          <li><el-checkbox v-model="checked"></el-checkbox>配乐范读</li>
          <li><el-checkbox v-model="checked"></el-checkbox>字源探究</li>
          <li><el-checkbox v-model="checked"></el-checkbox>词语解释</li>
        </ul>

      </div>
    </div>
    <div class="mt10 baseAct"  ><button class="cancel"  type="info">取消</button> <button  @click="goNext()" class="sure">确定</button> <label>选中资源数 2</label></div>
     <div class="arrow-right"></div>
  </div>
</template>

<script>
import Header from '../../components/header.vue';
export default {
  data() {
    return {
      input:'',
      isOpen:true,
      options2: [{
        value: '六年级一班',
        label: '六年级一班'
      }, {
        value: '六年级2班',
        label: '六年级2班'
      } ],
      value: [],
      value2: []
    };
  },
  created() {
  },
  methods: {
    goNext(){
      this.$router.push("/lessonsadd");
    },
    Close(){
      this.$router.go(-1)
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
html body{ background: #FFFFFF;}
</style>
